Ext.define('FButton', {
    extend: 'Ext.button.Button',
    alias: 'widget.fbutton',
    componentCls: 'fbutton',
    //overCls: 'fbutton-over',
    iconAlign: 'top',
    iconCls: 'button-icon',
    initComponent: function()
    {
        if ( this.text )
        {
            // Define negrito no texto do botão.
            this.text = '<b>' + this.text + '</b>';
        }
        
        // Define o tamanho do botão.
        this.height = this.height ? this.height : 42;        
        this.width = this.width ? this.width : 70;
        this.padding = this.padding ? this.padding : 4;
        
        this.iconAlign = this.iconAlign;
        this.iconCls = this.iconCls;
        
        this.callParent();
    }
});

Ext.define('FButtonOk', {
    extend: 'FButton',
    alias: 'widget.fbuttonok',
    text: 'OK',
    initComponent: function()
    {
        this.iconCls = 'fbuttonok-icon';
        
        this.callParent();
    }
});

Ext.define('FButtonCancel', {
    extend: 'FButton',
    alias: 'widget.fbuttoncancel',
    text: 'Cancelar',
    initComponent: function()
    {
        this.iconCls = 'fbuttoncancel-icon';
        
        this.callParent();
    }
});

Ext.define('FButtonSave', {
    extend: 'FButton',
    alias: 'widget.fbuttonsave',
    text: 'Salvar',
    initComponent: function()
    {
        this.iconCls = 'fbuttonsave-icon';
        
        this.callParent();
    }
});

Ext.define('FButtonSearch', {
    extend: 'FButton',
    alias: 'widget.fbuttonsearch',
    text: 'Pesquisar',
    initComponent: function()
    {
        this.iconCls = 'fbuttonsearch-icon';
        
        this.callParent();
    }
});